<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>

<!DOCTYPE html>
<html lang="en">
<head>
<jsp:include page="/pages/elements/head.jsp" />
</head>

<body>
	<jsp:include page="/pages/elements/scripts.jsp" />

	<jsp:include page="/pages/elements/menu.jsp" />

	<div class="tabbable tabs-left">
		<ul class="nav nav-tabs" id="q1_menu">
			<li><a href="#info" data-toggle="tab">Info</a></li>
			<li><a href="#q1" data-toggle="tab">Query 1</a></li>
		</ul>

		<div class="tab-content">
			<div class="tab-pane" id="info">
				<p>query 1:${fn:escapeXml("#{ db.((Employee as emp)order by emp.lastName desc) }")}</p>
				<p>query 2: ${fn:escapeXml("#{ db.( any (Employee as emp) emp.lastName == 'Sikora' ) }")} = <c:out value="${q2}" /></p>
				<p>query 3: ${fn:escapeXml("#{ db.( all (Employee as emp) emp.lastName == 'Sikora' ) }")} = <c:out value="${q3}" /></p>
				<p>query 4: ${fn:escapeXml("")}</p>
				<p>query 5: ${fn:escapeXml("")}</p>
				<p>query 6: ${fn:escapeXml("")}</p>
			</div>
			<div class="tab-pane" id="q1">
				<jsp:include page="q1.jsp" />
			</div>
		</div>
	</div>

	<script>
		$(function() {
			$('#q1_menu a').click(function (e) {
				  e.preventDefault();
				  $(this).tab('show');
				});
				
			$('#q1_menu a:first').tab('show');
		});
	</script>
</body>
</html>
